<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.SuperSlide.2.1.1.js"></script>
<style type="text/css">
body,ul,li{margin:0px;padding:0px} li{list-style:none} img{width:100px;height:100px;border:0px;}
.roll{width:415px;height:100px;margin:0px auto;background:#666;position:relative;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:10px}
.roll .bd ul li{float:left;width:100px;height:100px;margin-right:5px}
.roll .prev{position:absolute;top:20px;left:-40px;cursor:pointer}
.roll .next{position:absolute;top:20px;right:-40px;cursor:pointer}
</style>
<body>
<div class="roll">

<div class="bd">
<ul>
<li><img src="banner1.png"></li>
<li><img src="banner2.png"></li>
<li><img src="banner3.png"></li>
<li><img src="banner4.png"></li>
<li><img src="banner5.png"></li>
</ul>
</div>

<div class="prev"><h1>〈</h1></div>
<div class="next"><h1>〉</h1></div>


</div>
<script language="javascript">
$('document').ready(function() {
    $('.roll').slide({
		autoPage:false,
		mainCell:".bd ul",
		effect:"leftMarquee",
		interTime:20,
		delayTime:500,
		autoPlay:true,
		vis:4,
		scroll:1,
		trigger:"click"
	})
});
</script>
</body>
</html>
